import styled from 'styled-components';

export  const ListPageWrapper=styled.div`
width:100%;
 height:800px;
 
 // 表头去底部线
  .ant-table-thead > tr > th {
    border-bottom: none;
}
// 内容鼠标悬浮时颜色
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td, .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td, .ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td, .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
    background: rgb(225, 235, 244);
}
.secondLevel{
padding:0 30px ;
}
// 左边导航栏鼠标悬浮时
   .secondLevel:hover{
    background:#264f7e;
     color:white;
     padding:0 80px ;
     margin:0 -50px; 
   }
   //左边选中时底色
   .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color:white;
}
   
`;
export  const ListLeft=styled.div`
float:left;
width:30%;
 height:100%;
  
`;
export  const ListRight=styled.div`
float:left;
width:70%;
 height:100%;
   padding:4vw;
   padding-right:15vw;
     @media (max-width: 1300px) {
padding:2vw;
   width:68%;
  }
`;

export  const LeftBarWrapper=styled.div`
float:right;
 margin-top:4vw;
 
`